<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/lb_index.css">
    <link rel="stylesheet" href="./css/lb_reset.css">
    <link rel="stylesheet" href="./css/lb_template.css">
    <title>Document</title>
</head>
<body>
    <div id="promptbox_fukuan">
            <div class="fukuanchuang">
                <div class="saoma" id="saomazf">
                    <ul>
                        <li>亲</li>
                        <li>支</li>
                        <li>付</li>
                        <li>宝</li>
                        <li>扫</li>
                        <li>码</li>
                        <li>喔</li>
                    </ul>
                </div>
                <div class="fukuanma"><img src="./img/fukuan2.png" alt=""></div>
                <div id="butn" class="yanchi"><a href="http://liangliangshen.gitee.io/no_two_mall/lb/order2.html"><input type="button" value="确认支付"></a></div>
            </div>
    </div>
    <div class="quxiaokuang" id="qxfukuan">
        <div class="qxtp"><img src="./img/111.jpg" alt=""></div>
        <div class="qx_btn"><a href="http://liangliangshen.gitee.io/no_two_mall/lb/order1.html"><input type="button" value="去付款"></a></div>
    </div>
    <div class="web">
        <header>
            <div class="logo fl">
                <a href=""><img src="./img/logo.png" alt=""></a> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">骑行</a></li>
                    <li><a href="">跑步</a></li>
                    <li><a href="">铁三服</a></li>
                    <li><a href="">休闲</a></li>
                    <li><a href="">品牌区</a></li>
                    <li><a href="">设计师</a></li>
                     <!-- 清除浮动 -->
                     <div class="clear"></div>
                </ul>   
            </div>
            <div class="header_seach">
                <input type="text" name="" id="" placeholder="请输入您要查找的商品">
                <a href=""><img src="./img/search.png" alt=""></a>
            </div> 
            <div class="header_Collection fr">
                <ul>
                    <li><img src="./img/shopping_cart.png" alt=""></li>
                    <li><img src="./img/personal_page.png" alt=""></li>
                    <li>400-6563-116</li>
                    <li><span>CH</span></li>
                    <!-- 清除浮动 -->
                    <div class="clear"></div>
                </ul>
            </div>
        </header>
        <div class="order1_cont">
            <p>
                <a href=" http://liangliangshen.gitee.io/no_two_mall">首页</a>&gt;
                <a href="">我的不二定制</a>&gt;
                <a href="http://liangliangshen.gitee.io/no_two_mall/lb/order1.html">我的订单</a>&gt;&nbsp;订单：2337108888360940
            </p>
            <div class="order1_progress">
                <ul>
                    <li>
                        <a href="http://liangliangshen.gitee.io/no_two_mall/lb/order1.html"><img src="./img/order1_progress_tp1.png" alt=""></a>
                        <span class="order_progress_time">2016-10-09 19:10:00</span>
                    </li>
                    <li>
                        <span class="order_progress_number2">01</span> 
                        <hr>
                        <span class="order_progress_jindu2">提交订单</span>
                    </li>
                    <li>
                        <a href="http://liangliangshen.gitee.io/no_two_mall/lb/order2.html"><img src="./img/order1_progress_tp2.png" alt=""></a>
                    </li>
                    <li>
                        <span class="order_progress_number">02</span> 
                        <hr>
                        <span class="order_progress_jindu">支付成功</span>
                    </li>
                    <li><img src="./img/order1_progress_tp3.png" alt=""></li>
                    <li>
                        <span class="order_progress_number">03</span> 
                        <hr>
                        <span class="order_progress_jindu">已发货</span>
                    </li>
                    <li><img src="./img/order1_progress_tp4.png" alt=""></li>
                    <li>
                        <span class="order_progress_number">04</span> 
                        <hr>
                        <span class="order_progress_jindu">确认收货</span>
                    </li>
                    <li><img src="./img/order1_progress_tp5.png" alt=""></li>
                    <li>
                        <span class="order_progress_number">05</span> 
                        <hr>
                        <span class="order_progress_jindu">评价</span>
                    </li>
                    <!-- 清除浮动 -->
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="order1_message">
                <div class="order1_message_left fl">
                    <div class="Order_information">
                        <p>订单信息</p>
                        <span><img src="./img/message.png" alt=""></span>
                    </div>
                    <div class="adress">
                        <span>收货地址：</span><p>王大刚,13499995555,福建省 厦门市 思明区   观日路52号之一201,361000</p>
                    </div>
                    <div class="adress">
                        <span>买家留言：</span><p>注意定制信息，赶快制作</p>
                    </div>
                    <div class="adress">
                        <span>订单编号：</span><p>2337108888360940  更多<span><img src="./img/more.png" alt=""></span> </p>
                    </div>
                </div>
                <div class="order1_message_right fr">
                    <p class="progress_p1">订单已提交，等待买家付款</p>
                    <p class="progress_p2"><span><img src="./img/time.png" alt=""></span>您还有 23小时26分43秒 来付款，超时订单自动关闭</p>
                    <input type="button" value="付款" onclick="fukuan()">
                    <p class="progress_p3"><a href=""><img src="./img/cancel.png" alt="">取消订单</a></p>
                </div>
                <!-- 清除浮动 -->
                <div class="clear"></div>
            </div>
            <div class="goods_show">
                <table>
                    <tr>
                        <th>商品</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>操作</th>
                        <th>状态</th>
                    </tr>
                    <tr>
                        <td class="td1">
                            <div class="goods_photo"><img src="./img/women_shirt.png" alt=""></div>
                            <div class="goods_detail">
                                <p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
                                <p> <span>性别：女</span>尺码：L</p>
                            </div>
                        </td>
                        <td class="td2">¥299.00</td>
                        <td class="td3">1</td>
                        <td class="td4"></td>
                        <td class="td5" rowspan="2">
                            <p>等待买家付款</p>
                            <p><span><img src="./img/time2.png" alt=""></span> 23小时44分</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <div class="goods_photo"><img src="./img/women_shirt.png" alt=""></div>
                            <div class="goods_detail">
                                <p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
                                <p> <span>性别：女</span>尺码：L</p>
                            </div>
                        </td>
                        <td class="td2">¥299.00</td>
                        <td class="td3">1</td>
                        <td class="td4"></td>
                        <!-- <td class="td5"></td> -->
                    </tr>
                    <tr>
                        <td colspan="5" class="td_bottom">
                            <p><span class="total_s1">商品总计：</span><span class="total_s3">¥146.00</span></p>
                            <p><span class="total_s1">运费金额：</span><span class="total_s3">¥0.00</span></p>
                            <p><span class="total_s2">实际总额：</span><span class="total_s4">¥146.00</span></p>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <footer>
            <div class="footer_cont">
                <div class="footer_logo">
                    <img src="./img/footer_logo.png" alt="">
                </div>
                <div>
                    <ul>
                        <li><a href="">新手指南</a></li>
                        <li><a href="">用户注册</a></li>
                        <li><a href="">定制流程</a></li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li><a href="">付款方式</a></li>
                        <li><a href="">支付方式</a></li>
                        <li><a href="">支付问题</a></li>
                        <li><a href="">常见问题</a></li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li><a href="">售后服务</a></li>
                        <li><a href="">退款换货</a></li>
                        <li><a href="">配送方式</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li><a href="">政策条款</a></li>
                        <li><a href="">服务协议</a></li>
                        <li><a href="">隐私条款</a></li>
                        <li><a href="">版权条款</a></li>
                    </ul>
                </div>
            </div>
            <p> © 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1 </p>
        </footer>
    </div>
    <script type="text/javascript">
        function fukuan() {
            var odiv=document.getElementById('promptbox_fukuan');
            var obtn=document.getElementById('butn');
            var odiv_smzf=document.getElementById('saomazf');
            var odiv_qx=document.getElementById('qxfukuan');

            var result=window.confirm("您确定要付款吗？");
            if(result){
				// odiv.style.display="block";
                odiv.style.animation="dropbox 2s";
                odiv.style.animationFillMode="forwards";
                odiv.style.animationTimingFunction="linear";

                obtn.style.animation="btn 1s";
                obtn.style.animationDelay="8s";
                obtn.style.animationTimingFunction="linear";
                obtn.style.animationFillMode="forwards";

                // odiv_smzf.style.animation="move 3s";
                odiv_smzf.style.animationPlayState="3s";
                odiv_smzf.style.animationIterationCount="infinite";
                odiv_smzf.style.animationTimingFunction="linear";
            }
            else{
                odiv_qx.style.display="block";
            }
        }
    </script>
</body>
</html>